<template>
  <view class="Blist" :style="[isPading && 'padding: 0 29.8rpx;']">
    <view class="Blist_width">
      <block v-for="item, i in list" :key="i">
        <view class="left" v-if="i % 2 === 0" @click="detailPath(item)">
          <u-image :src="item.img" height="410rpx" radius="10px 10px 0 0" :lazy-load="true" width="338rpx"
            mode="aspectFit"></u-image>
          <!-- <u-image :src="item.img" v-else  height="338rpx" radius="10px 10px 0 0" :lazy-load="true" width="338rpx"  
          mode="aspectFit"></u-image> -->
          <view class="left_content">
            <view class="left_content_title">{{ item.name }}</view>
            <view class="left_content_red">分享200福袋免单</view>
            <view>
              <b-money price="158.98" is_hidden></b-money>
              <text class="huise">已售:1000</text>
            </view>
          </view>
        </view>
      </block>
    </view>
    <view class="Blist_right">
      <block v-for="item, i in list" :key="i">
        <view class="left" v-if="i % 2 === 1" @click="detailPath(item)">
          <!-- <view class="left_img"> -->
          <!-- <image src="@/static/tabs/zipa.png" mode="aspectFit" class="raduius"></image> -->
          <u-image :src="item.img" radius="10px 10px 0 0" :lazy-load="true" width="338rpx" height="338rpx"
            mode="aspectFit"></u-image>
          <!-- </view> -->
          <view class="left_content">
            <view class="left_content_title"> {{ item.name }}</view>
            <view class="left_content_red">分享200福袋免单</view>
            <view>
              <b-money price="188.98" is_hidden></b-money>
              <text class="huise">已售:1000</text>
            </view>
          </view>
        </view>
      </block>
    </view>
  </view>
</template>
<script setup lang="ts">
/** 
 * ps ： 图片高度在 338rpx  410rpx 最佳
 * 
 */
import { reactive } from "vue";
import img from '@/static/tabs/buku2.png'
import imgs from '@/static/tabs/buku2.png'
export interface Props {
  isPading?: boolean
}
const props = withDefaults(defineProps<Props>(), {
  isPading: true
})
const list = reactive([
  {
    name: "STUDIO徐琳2023",
    count: "100",
    img: imgs
  },
  {
    name: "裸色高跟鞋女尖头",
    count: "100",
    img: img
  },
  {
    name: "STUDIO徐琳2023",
    count: "100",
    img: img
  },
  {
    name: "裸色高跟鞋女尖头",
    count: "100",
    img: img,
  },
  {
    name: "STUDIO徐琳2023",
    count: "100",
    img: imgs,
  },
  {
    name: "STUDIO徐琳2023",
    count: "100",
    img: imgs,
  },
]);
function detailPath(Node) {
  uni.navigateTo({
    url: '../../subPage/shopDetail/index'
  })
}
</script>
<style scoped lang="scss">
@import "./index.scss";
</style>